<template>
  <div class="type_8-outer">
    <div class="flex" v-for="row in list">
      <div class="max">
        <h2>{{row.name}}</h2>
        <p>{{row.info}}</p>
      </div>
      <img v-if="row.head_img" :src="row.head_img">
    </div>
  </div>
</template>

<script>
export default {
  name: "type_8",
  props: ['title','list','config','model_id','table_name','href'],
  data(){
    return {}
  },
  methods: {},
  computed: {
    config_data(){
      try {
        return this.config ? JSON.parse(this.config) : {};
      } catch (e) {
        return {};
      }
    },
  },
  mounted(){
    let app = this;
    //渲染完成执行
  }
}
</script>

<style scoped>
.type_8-outer{padding: 4px}
.type_8-outer>.flex{margin: 10px auto;width: 100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);border-radius: 6px;padding: 8px 16px;}
.type_8-outer>.flex>.max{}
.type_8-outer>.flex>img{height: 40px;}

</style>